<template>
  <div class="news">
    <div class="mt-3">
      <div class="new_top m-auto"></div>
      <h3 class="mt-1">Center introduction</h3>
      <h4>
        中心简介
      </h4>
    </div>
    <div class="flex flex-column align-start ml-5 mr-5 mtCenter">
      <h4>古交市煤炭交易中心简介</h4>
      <p>古交市位于省城太原以西23公里处，市域总面积1551平方公里。境内山岭连绵，沟壑纵横，地貌特征为“一河三川”（汾河和大川、 原平川、屯兰川）。全市辖 7乡、3镇、４个街道，146个行政村、37个社区居委会，总人口22.2万。古交交通便利，境内有太古高速公路和太克线、榆古线、古离 线等省级公路，公路通车总里程987.36公里。太古岚铁路、正在建设的太兴铁路复线穿境而过。</p>
      <p>古交是全国主焦煤生产基地之一，境内有西山煤电、华润集团、兴能发电、太原煤气化等大型驻地企业。近年来，古交市委、市政府围绕转型发展，大力调整经济结构，提升改造传统产业，培育新兴产业，形成了以煤炭、焦化、电力、铸造、建材等传统产业为主导，新能源、新材料等新兴产业协同发展的基本框架。</p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="stylus" scoped>
.news {
  text-align: center;
  height: 700px;
  width: 860px;
  height: 580px;
  border: 1px solid #D2D2D2;
  margin-right: 30px;

  h3 {
    font-size: 32px;
    color: #333333;
  }

  h4 {
    font-size: 24px;
    font-weight: 400;
    color: #0B0B0C;
    margin-top: -20px;
  }
}

.mtCenter {
  h4 {
    font-size: 18px;
    font-weight: bold;
    color: #303030;
    margin-top: 30px;
  }

  p {
    width: 746px;
    font-size: 14px;
    color: #303030;
    line-height: 24px;
    text-align: left;
  }
}
</style>